// prettier-ignore
.vote-wrapper { position: relative; height: 100%; display: flex; flex-direction: column;
  --swiper-theme-color: #d11f09;
  .wrapper-header{ margin: 10px; padding: 10px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; background-color: #fff;
    .text{ font-size: 14px; color: #666; margin-left: 10px; }
    .search{
      .van-button{ margin-left: 10px; }
    }
  }
  .wrapper-list{ flex: 1; min-height: 0; overflow-y: auto;
    .wrapper-cell{ transition: all 0.3s;
      &:hover{ background: rgba(0,0,0,0.05) !important; }
      .header{ display: flex;
        .content{ flex: 1; min-width: 0; margin-left: 20px;
          .title{ 
            .text{ font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #333; margin-left: 10px;  }
          }
          .option{ margin-top: 10px; color: #333; font-size: 15px;
            .item{ display: flex; margin-bottom: 5px; padding: 5px 0; 
              .label{ width: 24px; }
              .text{ flex: 1; min-width: 0; }
            }
          }
        }
      }
      .chart{ width: 68%; height: 300px; }
    }
  }
  :deep(.van-cell-group){ background: transparent; 
    .van-cell{ padding: 20px 30px; background: transparent; 
      &:after{ border-color: rgba(0,0,0,0.1); }
    }
  }

  // 弹窗
  :deep(.van-popup) { width: 100%; height: 100%; top: 0; transform: translateY(0); border-radius: 0; max-width: 100%; background: rgba(255,255,255,0.95); }
  .wrapper-popup{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    .popup-close{ position: absolute; top: 0; right: 0; padding: 20px; cursor: pointer; z-index: 99; }
    .popup-content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;
      .content-slide{ display: flex; flex-direction: column; align-items: center; justify-content: center;
        .header{ display: flex; margin: 0 25%;
          .content{ flex: 1; min-width: 0; margin-left: 20px;
            .title{ 
              .text{ font-size: 36px; font-weight: 500; margin-bottom: 10px; color: #333; margin-left: 10px;  }
            }
            .option{ margin-top: 20px; color: #333; font-size: 24px; display: flex; flex-wrap: wrap;
              .item{ display: flex; margin-bottom: 5px; padding: 5px 0; align-items: center; margin-right: 50px;
                .label{ width: 24px; }
                .text{ flex: 1; min-width: 0; }
              }
            }
          }
        }
        .chart{ margin-top: 50px; width: 60%; height: 450px; }
        .list{ margin: 0 30px; display: flex; flex-wrap: wrap;
          .item{ display: flex; align-items: center; justify-content: center; margin: 5px 30px;
            .label{ width: 30px; height: 24px; border-radius: 4px; margin-right: 15px;}
            .content{  flex: 1; min-width: 0; font-size: 24px; color: #333; }
          }
        }
      }
    }
  }
}
